<template>
  <BasicModal
    @register="register"
    title="已选机构"
    width="800px"
    :canFullscreen="false"
    :showOkBtn="false"
    :showCancelBtn="false"
  >
    <div class="warp">
      <div class="name" v-for="v in list" :key="v">{{ v }}</div>
    </div>
  </BasicModal>
</template>

<script lang="ts" setup>
  import { BasicModal, useModalInner } from '@/components/Modal';
  import { ref } from 'vue';

  const list = ref([]);

  const [register] = useModalInner((data) => {
    console.log('data--->', data);
    list.value = data.list;
    // updateSchema(schemas);
  });
</script>

<style lang="less" scoped>
  .warp {
    display: flex;
    flex-wrap: wrap;
    .name {
      padding: 10px;
      border: 1px #ccc solid;
      margin-right: 10px;
    }
  }
</style>
